// 路由配置
import { createBrowserRouter } from "react-router-dom";
import Layout from "../pages/Layout";
import Login from "../pages/Login";
import { AuthRoute } from "../components/AuthRoute";
import { lazy, Suspense } from "react";

const Home = lazy(() => import("../pages/Home"));
const Article = lazy(() => import("../pages/Article"));
const Publish = lazy(() => import("../pages/Publish"));


// 配置路由实例
const router = createBrowserRouter([
    {
        path: "/",
        element: <AuthRoute><Layout /></AuthRoute>,
        children: [
            {
                index: true,
                // path: 'home',
                element: <Suspense fallback={'加载中...'}> 
                    <Home/>
                </Suspense>
            },
            {
                path: "article",
                element: <Suspense fallback={'加载中...'}>
                    <Article />
                </Suspense>
            },
            {
                path: "publish",
                element: <Suspense fallback={'加载中...'}>
                    <Publish />
                </Suspense>
            }
        ]
    },
    {
        path: "/login",
        element: <Login />
    }
])

export default router